button{
	padding: 0;
}

button:focus {outline:0;}

button::-moz-focus-inner {
border: 0;
}

button:hover {
    background-color:#5cbf2a;
}
button:active {
    position:relative;
    top:1px;
}

.equalCss{
	color: white;
	width: 200px;
	border: none;
	height: 50px;
	background-color: #ADB1AE;
	border-bottom:1px solid #B5B7B6;
	border-left:1px solid #B5B7B6;
	float: left;
}
.commonCss{
	width: 100px;
	border: none;
	height: 50px;
	background-color: #cecfcb;
	border-bottom:1px solid #B5B7B6;
	border-left:1px solid #B5B7B6;
}
.numerCss{
	background-color: 	#F8F8F8;
}

.otherCss{
	background-color: #DDDDDC;
}

.inputCss{
	border: none;
	border-bottom:1px solid #B5B7B6;
	border-left:1px solid #B5B7B6;
	width: 360px;
	height: 80px;
	padding: 20px;
	font-size: xx-large;
	text-align: right;
	background-color: #00BB59;
	color: white;

}
.showExpression{
	border: none;
	border-bottom:1px solid #00A74C;
	border-left:1px solid #B5B7B6;
	width: 360px;
	height: 40px;
	padding-right: 40px;
	font-size: small;
	color: white;
	text-align: right;
	background-color: #00A74C;
}


.showHistoryButton{
	display: inline-block;
	width: 20px;
	height: 180px;
	float: left;
	font-size: xx-small;
}
.divWrapHistory{
	text-align: center;
	width:300px;
	height:380px;
	border:1px solid #B5B7B6;
	display:inline-block;
	float:left;
	overflow:hidden;
	background-color:#B5B7B6;
}

.hideHistory{
	display: none;
	text-align: center;
	width:300px;
	height:380px;
	border:1px solid #B5B7B6;
	float:left;
	overflow:hidden;
	background-color:#B5B7B6;
}